<template>
	<!-- <view class="uni-padding-wrap">
			<view class="page-section ">
				
			</view>
		</view> -->
			<swiper class="swiper"  :duration="duration">
				<swiper-item>
					<view>
						<image class="img" src="https://storage-family-care.ganorglobal.com/static/parent/login/step1.jpg" mode=""></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view>
						<image class="img" src="https://storage-family-care.ganorglobal.com/static/parent/login/step2.jpg" mode=""></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="last">
						<view class="experience" @click="jumpTo('login')">
							立即体验
						</view>
						<image class="img" src="https://storage-family-care.ganorglobal.com/static/parent/login/step3.jpg" mode=""></image>
						
					</view>
				</swiper-item>
			</swiper>
</template>

<script>
	export default {
		data() {
			return {
				duration: 500
			};
		},
		onShow() {
			console.log('进来了');
		},
		methods:{
			jumpTo(target) {
				uni.navigateTo({
					url:'login-wx?login_index=1'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
		
	.swiper{
		width: 100vw;
		height: 100vh;
	}
	.img{
		width: 100vw;
		height:100vh;
	}
	.last{
		position: relative;
		.experience{
			text-align: center;
			// border: 1px solid #57527b;
			background:linear-gradient(301deg,rgba(155, 225, 177, 1) 0%,rgba(114, 204, 186, 1) 100%);
			color: #ffffff;
			position: absolute;
			left: 265rpx;
			bottom: 199rpx;
			width: 220rpx;
			height: 69rpx;
			line-height: 69rpx;
			z-index: 99;
			border-radius: 34rpx;
		}
	}
	
</style>
